//用!,然后按下tab键生成标准的html5标准文档初始结构
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
</head>
<body>
	
</body>
</html>

//用html:xt，生成html4的过渡型结构
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>Document</title>
</head>
</html>

//用html:4s生成html4严格型结构
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>Document</title>
</head>
</html>

//用#aaa生成id为aaa的div标签，默认标签为div
<div id="aaa">
	
</div>

//用“标签.bbb”生成class为bbb的span标签
<span class="bbb">
	
</span>

//用“标签#ccc.ddd”生成id为ccc，class为ddd的标签
<ul id="ccc" class="ddd">
	
</ul>

//用“>”生成后代。如生成class为aaa的div包裹：div.aaa>ul>li.
<div class="aaa">
	<ul>
		<li></li>
	</ul>
</div>

//用“+”生成兄弟。如div+p+bq.
<div></div>
<p></p>
<blockquote></blockquote>

//用“^”生成上级元素。如div>ul>li^span
<div>
	<ul>
		<li></li>
	</ul>
	<span></span>
</div>

//用“*”重复生成多份。如ul>li*5
<ul>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
	<li></li>
</ul>

//用“（）”生成分组。如div>(header>ul>li*2>a)+footer>p。
<div>
	<header>
		<ul>
			<li><a href=""></a></li>
			<li><a href=""></a></li>
		</ul>
	</header>
	<footer>
		<p></p>
	</footer>
</div>

//用“（）”生成分组。如div>((header>span)+body)。
<div>
	<header><span></span></header>
	<body>
		
	</body>
</div>

//用“[]”生成自定义属性。如a[href="#" title="aaa"]
<a href="#" title="aaa"></a>

//用“$”生成内容编号。如想增加一个class属性值item1，然后依次递增从1-5。如ul>li.item$*5.
<ul>
	<li class="item1"></li>
	<li class="item2"></li>
	<li class="item3"></li>
	<li class="item4"></li>
	<li class="item5"></li>
</ul>

//用“$$$”表示一个三位数。一个“$”就表示一位数字。如ul>li.item$$$$*5.
<ul>
	<li class="item0001"></li>
	<li class="item0002"></li>
	<li class="item0003"></li>
	<li class="item0004"></li>
	<li class="item0005"></li>
</ul>

//用“$@-生成倒序。如ul>li.item$@-*5;ul>li.item$$$$@-*5.
<ul>
	<li class="item5"></li>
	<li class="item4"></li>
	<li class="item3"></li>
	<li class="item2"></li>
	<li class="item1"></li>
</ul>

<ul>
	<li class="item0005"></li>
	<li class="item0004"></li>
	<li class="item0003"></li>
	<li class="item0002"></li>
	<li class="item0001"></li>
</ul>

//用“$@N*N”生成从N开始的序号。如ul>li.item$@3*8.
<ul>
	<li class="item3"></li>
	<li class="item4"></li>
	<li class="item5"></li>
	<li class="item6"></li>
	<li class="item7"></li>
	<li class="item8"></li>
	<li class="item9"></li>
	<li class="item10"></li>
</ul>

//用“$@-N*N”生成从N开始的倒序号。如ul>li.item$@-3*8.
<ul>
	<li class="item10"></li>
	<li class="item9"></li>
	<li class="item8"></li>
	<li class="item7"></li>
	<li class="item6"></li>
	<li class="item5"></li>
	<li class="item4"></li>
	<li class="item3"></li>
</ul>

//用“{}”生成文本内容。如a[href="#"]{点击这里};a>{click me}或者a{click me}。
<a href="#">点击这里</a>

<a href="">click me</a>

<a href="">click me1</a>
<a href="">click me2</a>
<a href="">click me3</a>
<a href="">click me4</a>
<a href="">click me5</a>













































